<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>二手车</title>
		
		<link rel="stylesheet" href="css/index.css" />
		<!--
        	<link rel="stylesheet" href="css/base.css" />
			<link rel="stylesheet" href="css/common.css" />
        -->
		
		<script src="js/jquery-2.1.4/jquery-2.1.4.min.js"></script>
		<link rel="stylesheet" href="js/bootstrap-3.3.6-dist/css/bootstrap.min.css" />
		<script src="js/bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
		
		<!--
			js拾色器
        	<script src="js/alloydesigner.js"></script>
        -->
		
		
	</head>
	<body>
		
	<center>
	<div id="main">
		
		<div style="height: 40px;line-height: 40px;">
			<div style="margin-left: 40px;" class="fleft">
				<a href="#" class="me">网站首页</a>&nbsp;&nbsp;
				<a href="#" class="me">收藏本站</a>
			</div>
			<div style="margin-right: 40px;width: 250px;float: right;">
				<a href="#" class="me">登录</a>&nbsp;&nbsp;
				<a href="#" class="me">注册</a>
				<img src="img/forum/qq.png" />
				<img src="img/forum/weixin.png" />
				<img src="img/forum/weibo.png" />
			</div>
		</div>
		
		<div style="background-image: url(img/forum/luntancar1.png); height: 551px;" class="bgImg"></div>
		
		<div style="height: 32px;">
			<form action="" method="post">
				<input type="text" placeholder="请输入搜索内容"  style="height: 30px;width: 380px;border: 3px solid lightgrey;"/>
				<select style="height: 30px;width: 60px;border: 3px solid lightgrey;margin-left: -6px;">
					<option>帖子</option>
				</select>
				<a href=""><img src="img/forum/search.png"/></a>
				<font style="font-weight: bold;">热搜：</font>
				<a href="" class="me">活动</a>&nbsp;&nbsp;<a href="" class="me">二手车</a>&nbsp;&nbsp;<a href="" class="me">交友</a>&nbsp;&nbsp;
				<a href="" class="me">活动</a>&nbsp;&nbsp;<a href="" class="me">活动</a>&nbsp;&nbsp;<a href="" class="me">活动</a>&nbsp;&nbsp;
			</form>
			
		</div>
		
		<div style="height: 330px;" class="mt10">
			
			<div style="height: 40px;line-height: 40px;" class="bgGrey">
				<span class="glyphicon glyphicon-th-list " style="height: 40px;width: 40px;"></span>
				<font style="border-right:2px solid darkgrey ;font-size: large;width: 200px;padding-right: 10px;">今日：999</font>
				<font style="border-right:2px solid darkgrey ;font-size: large;width: 200px;padding-right: 10px;">今日：999</font>
				<font style="border-right:2px solid darkgrey ;font-size: large;width: 200px;padding-right: 10px;">今日：999</font>
				<font style="border-right:2px solid darkgrey ;font-size: large;width: 200px;padding-right: 10px;">今日：999</font>
				<font style="font-size: large;width: 200px;padding-right: 10px;">今日：999</font>
				
			</div>
			<div style="height: 280px;" class="mt10">
				
				<div style="width: 300px;height: 280px;" class="fleft">
					
					<div id="scroll" style="width: 300px;height: 280px;" class="carousel" data-ride="carousel" data-wrap="true" data-interval="1000">
						<!-- 设置图片轮播的顺序 -->
					    <ol class="carousel-indicators">
					        <li class="active" data-target="#scroll" data-slide-to="0"></li>
					        <li data-target="#scroll" data-slide-to="1"></li>
					        <li data-target="#scroll" data-slide-to="2"></li>
					    </ol>
					    <!-- 设置轮播图片 -->
					    <div class="carousel-inner">
					        <div class="item active">
					            <a href="##"><img src="img/car1.bmp" style="width: 297px;height: 280px;;" alt=""></a>
					            <!--
			                    	<div class="carousel-caption">
					                <h3>图片标题1</h3>
					                <p>描述内容1...</p>
					            	</div>
			                    -->
					            
					        </div>
					        <div class="item" >
					            <a href="##"><img src="img/car2.jpg" style="width: 297px;height: 280px;" alt=""></a>
					        </div>
					        <div class="item">
					            <a href="##"><img src="img/car3.jpg" style="width: 297px;height: 280px;" alt=""></a>
					            
					        </div>
					    </div>
					    <a class="left carousel-control " href="#scroll" role="button" data-slide="prev">
					        <span class="glyphicon glyphicon-chevron-left"></span>
					    </a>
					    <a class="right carousel-control" href="#scroll" role="button" data-slide="next">
					        <span class="glyphicon glyphicon-chevron-right"></span>
					    </a>
						
					</div>
				
				</div>
			
				<div style="width: 250px;height: 280px;border: 3px solid #0882C5;" class="fleft ml10">
					<div style="height: 30px;line-height: 30px;" class="bgBlue"><font style="font-size: large;color: white">最新帖子</font></div>
					<div style="height: 250px; overflow: auto;" >
						<article style="border-bottom: 1px solid #A9A9A9;">
						  <h4 class="meh">Internet Explorer 9</h4>
						  <p>
						  	<font style="font-size: small;">Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布</font></br>
						  	<a href="#" class="me mr5" style="position:relative;margin-left: 10px;">买车</a>
						  	<a href="#" class="me ">其他</a>&nbsp;&nbsp;
						  	<span>2016-8-25</span>&nbsp;&nbsp;
						  	<a href="#" class="me"><span class="glyphicon glyphicon-comment">1</span></a>
						  </p>
						</article>
						
						<article style="border-bottom: 1px solid #A9A9A9;">
						  <h4 class="meh">Internet Explorer 9</h4>
						  <p>
						  	<font style="font-size: small;">Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布</font></br>
						  	<a href="#" class="me mr5" style="position:relative;margin-left: 10px;">买车</a>
						  	<a href="#" class="me ">其他</a>&nbsp;&nbsp;
						  	<span>2016-8-25</span>&nbsp;&nbsp;
						  	<a href="#" class="me"><span class="glyphicon glyphicon-comment">1</span></a>
						  </p>
						</article>
					</div>
				</div>
				<div style="width: 250px;height: 280px;border: 3px solid #0882C5;" class="fleft ml10">
					<div style="height: 30px;line-height: 30px;" class="bgBlue"><font style="font-size: large;color: white">最新回复</font></div>
					<div style="height: 250px; overflow: auto;" >
						<article style="border-bottom: 1px solid #A9A9A9;">
						  <h4 class="meh">Internet Explorer 9</h4>
						  <p>
						  	<font style="font-size: small;">Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布</font></br>
						  	<a href="#" class="me mr5" style="position:relative;margin-left: 10px;">买车</a>
						  	<a href="#" class="me ">其他</a>&nbsp;&nbsp;
						  	<span>2016-8-25</span>&nbsp;&nbsp;
						  	<a href="#" class="me"><span class="glyphicon glyphicon-comment">1</span></a>
						  </p>
						</article>
						
						<article style="border-bottom: 1px solid #A9A9A9;">
						  <h4 class="meh">Internet Explorer 9</h4>
						  <p>
						  	<font style="font-size: small;">Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布</font></br>
						  	<a href="#" class="me mr5" style="position:relative;margin-left: 10px;">买车</a>
						  	<a href="#" class="me ">其他</a>&nbsp;&nbsp;
						  	<span>2016-8-25</span>&nbsp;&nbsp;
						  	<a href="#" class="me"><span class="glyphicon glyphicon-comment">1</span></a>
						  </p>
						</article>
					</div>
				</div>
				<div style="width: 250px;height: 280px;border: 3px solid #0882C5;" class="fleft ml10">
					<div style="height: 30px;line-height: 30px;" class="bgBlue"><font style="font-size: large;color: white">本周热门</font></div>
					<div style="height: 250px; overflow: auto;" >
						<article style="border-bottom: 1px solid #A9A9A9;">
						  <h4 class="meh">Internet Explorer 9</h4>
						  <p>
						  	<font style="font-size: small;">Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布</font></br>
						  	<a href="#" class="me mr5" style="position:relative;margin-left: 10px;">买车</a>
						  	<a href="#" class="me ">其他</a>&nbsp;&nbsp;
						  	<span>2016-8-25</span>&nbsp;&nbsp;
						  	<a href="#" class="me"><span class="glyphicon glyphicon-comment">1</span></a>
						  </p>
						</article>
						
						<article style="border-bottom: 1px solid #A9A9A9;">
						  <h4 class="meh">Internet Explorer 9</h4>
						  <p>
						  	<font style="font-size: small;">Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布</font></br>
						  	<a href="#" class="me mr5" style="position:relative;margin-left: 10px;">买车</a>
						  	<a href="#" class="me ">其他</a>&nbsp;&nbsp;
						  	<span>2016-8-25</span>&nbsp;&nbsp;
						  	<a href="#" class="me"><span class="glyphicon glyphicon-comment">1</span></a>
						  </p>
						</article>
						<article style="border-bottom: 1px solid #A9A9A9;">
						  <h4 class="meh">Internet Explorer 9</h4>
						  <p>
						  	<font style="font-size: small;">Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布</font></br>
						  	<a href="#" class="me mr5" style="position:relative;margin-left: 10px;">买车</a>
						  	<a href="#" class="me ">其他</a>&nbsp;&nbsp;
						  	<span>2016-8-25</span>&nbsp;&nbsp;
						  	<a href="#" class="me"><span class="glyphicon glyphicon-comment">1</span></a>
						  </p>
						</article>
					</div>
				</div>
			
			</div>
		</div>
		
		<div style="width: 926px;height: 168px;margin-top: 30px;">
			
			<div style="height: 26px;" class="borderblue1"></div>
			
			<div style="height: 100px;" class="">
				<div class=" fleft" style="width: 231px;height: 100px;">
					<img style="height: 95px;width: 95px;" src="img/forum/luntan1.png" class="fleft"/> 
					<div class="fleft" style="width: 134px;text-align: left;height: 100px;padding-top: 15px;">
						<a href="#" class="me" class="fleft">法律顾问
							<small class="fredBlod">(1)</small>
						</a> <br />
						<font >主题74，帖数176</font><br />
						<font size="1">最后发表 1016-8-25 12:35</font>
					</div>
				</div>
				<div class=" fleft" style="width: 231px;height: 100px;">
					<img style="height: 95px;width: 95px;" src="img/forum/luntan2.png" class="fleft"/> 
					<div class="fleft" style="width: 134px;text-align: left;height: 100px;padding-top: 15px;">
						<a href="#" class="me" class="fleft">法律顾问
							<small class="fredBlod">(1)</small>
						</a> <br />
						<font >主题74，帖数176</font><br />
						<font size="1">最后发表 1016-8-25 12:35</font>
					</div>
				</div>
				<div class=" fleft" style="width: 231px;height: 100px;">
					<img style="height: 95px;width: 95px;" src="img/forum/luntan3.png" class="fleft"/> 
					<div class="fleft" style="width: 134px;text-align: left;height: 100px;padding-top: 15px;">
						<a href="#" class="me" class="fleft">法律顾问
							<small class="fredBlod">(1)</small>
						</a> <br />
						<font >主题74，帖数176</font><br />
						<font size="1">最后发表 1016-8-25 12:35</font>
					</div>
				</div>
				<div class=" fleft" style="width: 231px;height: 100px;">
					<img style="height: 95px;width: 95px;" src="img/forum/luntan4.png" class="fleft"/> 
					<div class="fleft" style="width: 134px;text-align: left;height: 100px;padding-top: 15px;">
						<a href="#" class="me" class="fleft">法律顾问
							<small class="fredBlod">(1)</small>
						</a> <br />
						<font >主题74，帖数176</font><br />
						<font size="1">最后发表 1016-8-25 12:35</font>
					</div>
				</div>
			</div>
		</div>
		
		<iframe id="bottomfram" height="327px" width="1080px" src="foot.html" frameborder="0" scrolling="no"></iframe>
		
	</div>
	</center>
	</body>
</html>
